@charset "UTF-8";
html, body {
  height: 100%; }

.content {
  height: 100%;
  position: relative; }
  .content #app {
    height: 100%; }
  .content .query {
    height: 100%;
    background: #f5f5f5; }
    .content .query img {
      width: 100%;
      height: 3rem; }
    .content .query .phone {
      padding-top: 0.4rem;
      padding-left: 5%;
      margin: 0 auto;
      width: 90%; }
    .content .query label {
      font-size: 0.3rem; }
    .content .query input {
      padding-left: 0.2rem;
      height: 0.84rem;
      width: 90%;
      border: 1px solid #D9D9D9;
      border-radius: 0.1rem;
      font-size: 0.28rem; }
    .content .query .tel input {
      width: 60%;
      margin-bottom: 0.4rem;
      font-size: 0.28rem; }
    .content .query .tel .send {
      width: 25%;
      height: 0.84rem;
      display: inline-block;
      border-radius: 0.05rem;
      background: #fff;
      border: 1px solid #00A874;
      font-size: 0.24rem;
      line-height: 0.84rem;
      color: #00A874;
      text-align: center; }
    .content .query button {
      width: 93%;
      background: #00A874;
      border-radius: 0.1rem;
      font-size: 0.3rem;
      height: 0.84rem;
      color: #fff; }
  .content .signTop {
    height: 2.2rem;
    padding-top: 0.4rem;
    padding-left: 0.2rem; }
    .content .signTop img {
      height: 1.4rem;
      width: 1.4rem;
      float: left;
      margin-right: 0.36rem; }
    .content .signTop .right h2 {
      font-size: 0.34rem;
      line-height: 0.5rem; }
    .content .signTop .right span {
      font-size: 0.3rem; }
    .content .signTop .right strong {
      font-size: 0.32rem;
      color: #F16B31; }
  .content .perfect {
    font-size: 0.3rem;
    height: 0.84rem;
    background: #f5f5f5;
    padding-left: 0.4rem;
    line-height: 0.84rem;
    color: #a6a6a6; }
  .content form {
    padding-left: 0.2rem; }
    .content form label {
      font-size: 0.3rem;
      display: inline-block;
      width: 1.2rem; }
    .content form input {
      padding-left: 0.2rem;
      height: 0.72rem;
      width: 5rem;
      font-size: 0.28rem;
      background: transparent;
      margin-left: 0.3rem;
      border: 1px solid #EEEEEE; }
      @media screen and (max-width: 640px) {
        .content form input {
          width: 4rem; } }
    .content form .region {
      font-size: 0.3rem;
      margin-top: 0.5rem; }
      .content form .region select {
        height: 0.72rem;
        width: 5.3rem;
        border: 1px solid #999;
        font-size: 0.28rem;
        padding-left: 0.1rem;
        margin-left: 0.2rem;
        background: transparent;
        border: 1px solid #EEEEEE; }
        @media screen and (max-width: 640px) {
          .content form .region select {
            width: 4.3rem; } }
        .content form .region select option {
          height: 0.45rem;
          width: 3.56rem;
          border: 1px solid #999;
          font-size: 0.14rem;
          border-radius: 0.05rem; }
    .content form .subject {
      font-size: 0.3rem;
      margin-top: 0.5rem;
      margin-bottom: 0.2rem; }
      .content form .subject .paper {
        display: inline-block;
        height: 0.72rem;
        width: 5.3rem;
        border: 1px solid #EEEEEE;
        font-size: 0.28rem;
        padding-left: 0.1rem;
        margin-left: 0.2rem;
        background: transparent; }
        @media screen and (max-width: 640px) {
          .content form .subject .paper {
            width: 4.3rem; } }
        .content form .subject .paper option {
          height: 0.45rem;
          width: 3.56rem;
          border: 1px solid #999;
          font-size: 0.14rem;
          border-radius: 0.05rem; }
      .content form .subject .drop {
        height: 5.5rem;
        width: 100%;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0; }
        .content form .subject .drop input {
          width: 0; }
        .content form .subject .drop .drop_left {
          float: left;
          background: #F5F5F5;
          height: 100%;
          width: 2.2rem; }
          .content form .subject .drop .drop_left p {
            height: 1rem;
            line-height: 1rem;
            border-bottom: 1px solid #D9D9D9; }
          .content form .subject .drop .drop_left li {
            padding-top: 0.5rem; }
            .content form .subject .drop .drop_left li span {
              display: inline-block;
              width: 0.28rem;
              height: 0.28rem;
              border-radius: 50%;
              border: 1px solid #00A874;
              line-height: 0.2rem;
              margin-right: 0.4rem; }
              .content form .subject .drop .drop_left li span i {
                display: inline-block;
                width: 0.16rem;
                height: 0.16rem;
                border-radius: 50%;
                background: #00A874; }
        .content form .subject .drop .drop_right p {
          height: 1rem;
          line-height: 1rem;
          border-bottom: 1px solid #D9D9D9;
          margin-bottom: 0.5rem; }
        .content form .subject .drop .drop_right label {
          padding-left: 1rem;
          margin-bottom: 0.5rem;
          display: inline-block;
          color: #030303; }
          @media screen and (max-width: 640px) {
            .content form .subject .drop .drop_right label {
              margin-bottom: 0.2rem; } }
          @media screen and (max-width: 640px) {
            .content form .subject .drop .drop_right label {
              margin-bottom: 0.2rem; } }
        .content form .subject .drop .drop_right input[type="checkbox"] + label::before {
          content: "\a0";
          /*不换行空格*/
          display: inline-block;
          vertical-align: middle;
          font-size: 18px;
          width: 0.2rem;
          height: 0.2rem;
          margin-right: 0.65em;
          border-radius: 50%;
          border: 1px solid #666;
          text-indent: 0.15em;
          line-height: 1; }
        .content form .subject .drop input[type="checkbox"]:checked + label::before {
          background-color: #666;
          background-clip: content-box;
          padding: 0.1em;
          box-sizing: border-box; }
        .content form .subject .drop input[type="checkbox"] {
          margin-bottom: 0.5rem;
          position: absolute;
          clip: rect(0, 0, 0, 0); }
        .content form .subject .drop .determine {
          width: 2rem;
          height: 0.6rem;
          background: transparent;
          border: 1px solid #00A874;
          color: #00A874;
          border-radius: 0.05rem;
          position: absolute;
          bottom: 0.5rem;
          right: 1rem; }
    .content form .submit {
      height: 0.8rem;
      line-height: 0.8rem;
      width: 5.44rem;
      border: 1px solid #00A874;
      font-size: 0.32rem;
      border-radius: 0.05rem;
      display: block;
      margin: 0.7rem auto 0;
      color: #00A874; }
      @media screen and (max-width: 640px) {
        .content form .submit {
          margin-top: 0.4rem; } }
  .content .zhe {
    font-size: 0.3rem;
    margin-top: 0.5rem;
    padding: 0 0.8rem; }
    .content .zhe p {
      text-align: left;
      padding-bottom: 0.3rem; }
    .content .zhe label {
      display: inline-block;
      height: 0.38rem;
      width: 0.96rem;
      background: #e5e5e5;
      margin-bottom: 0.4rem;
      border-radius: 0.05rem;
      margin-right: 0.3rem;
      font-size: 0.24rem;
      line-height: 0.38rem;
      display: inline-block; }
      @media screen and (max-height: 960px) {
        .content .zhe label {
          margin-bottom: 0.2rem; } }
      @media screen and (max-width: 640px) {
        .content .zhe label {
          margin-bottom: 0.2rem; } }
    .content .zhe .span {
      border-bottom: 1px solid #969696;
      margin-bottom: 0.4rem; }
    .content .zhe span {
      display: inline-block;
      margin-bottom: 0.4rem; }
    .content .zhe input[type="checkbox"] + label::before {
      display: inline-block;
      vertical-align: middle;
      font-size: 18px;
      width: 0.2rem;
      height: 0.2rem;
      margin-right: 0.65em;
      border-radius: 50%;
      border: 1px solid #666;
      text-indent: 0.15em;
      line-height: 1; }
    .content .zhe input[type="checkbox"]:checked + label::before {
      background-color: #666;
      background-clip: content-box;
      padding: 0.1em;
      box-sizing: border-box; }
    .content .zhe input[type="checkbox"] {
      margin-bottom: 0.5rem;
      position: absolute;
      clip: rect(0, 0, 0, 0); }
    .content .zhe .science input, .content .zhe .liberal input {
      width: 0; }
  .content .top {
    padding: 0.8rem 0.44rem 0.57rem;
    border: 1px solid #eaeaea;
    font-size: 0.3rem; }
    .content .top input {
      height: 0.55rem;
      width: 3.56rem;
      border: 1px solid #bdc0c2;
      border-radius: 0.05rem;
      margin-left: 0.2rem; }
  .content .pay {
    position: relative;
    font-size: 0.3rem;
    padding-top: 0.18rem; }
    .content .pay .wx, .content .pay .zhi, .content .pay .qq {
      padding-left: 0.46rem;
      height: 1.22rem;
      border-bottom: 1px solid #e0e0e0;
      line-height: 1.22rem;
      position: relative; }
    .content .pay p {
      height: 0.84rem;
      background: #ebebeb;
      line-height: 0.84rem;
      padding-left: 0.46rem;
      color: #a6a6a6; }
    .content .pay .payEnter {
      display: block;
      height: 0.8rem;
      background: #00A874;
      border: 1px solid #979797;
      text-align: center;
      line-height: 0.8rem;
      margin: 1rem auto 0;
      color: #fff; }
    .content .pay input[type="radio"] + label::after {
      content: "\a0";
      /*不换行空格*/
      display: inline-block;
      vertical-align: middle;
      font-size: 18px;
      border-radius: 50%;
      border: 1px solid #666;
      text-indent: 0.15em;
      line-height: 1;
      width: 0.3rem;
      height: 0.3rem;
      margin-left: 0.5rem;
      position: absolute;
      right: 0.5rem;
      top: 0.46rem; }
    .content .pay input[type="radio"]:checked + label::after {
      background-color: #666;
      background-clip: content-box;
      padding: 0.2em;
      box-sizing: border-box; }
    .content .pay input[type="radio"] {
      margin-bottom: 0.5rem;
      position: absolute;
      clip: rect(0, 0, 0, 0); }
  .content .occlusion {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    font-family: PingFangSC-Regular; }
  .content .bomb {
    width: 60%;
    height: 20%;
    line-height: 20%;
    background-color: #fff;
    position: absolute;
    top: 3rem;
    left: 20%;
    color: #000;
    text-align: center;
    border-radius: 5px;
    min-width: 4.5rem;
    padding: 0.5rem 0.73rem;
    box-sizing: border-box;
    font-size: 0.44rem;
    display: flex;
    align-items: center;
    justify-content: center; }
